<template>
  <el-container class="layout-container-demo">

    <!-- 侧边栏 -->
    <CommonAside style="background-color: #253d53;"/>

    <!-- 右侧头部与主体显示 -->
    <el-container style="height: 100vh">
      <!-- 头部 -->
      <el-header style="font-size: 15px">
        <CommonHeader/>
      </el-header>

      <!-- 主体显示内容 --- 表格 -->
      <el-main>
        <el-scrollbar>
          <router-view/>
        </el-scrollbar>
      </el-main>
    </el-container>

  </el-container>
</template>

<script>
import CommonHeader from '../components/CommonHeader.vue'
import CommonAside from '../components/CommonAside.vue'
export default {
  name: 'Main',
  components: { CommonHeader,CommonAside },
  setup() {


    return {
    }
  }
}
</script>

<style scoped>
.layout-container-demo .el-header {
  position: relative;
  background-color: #eee;
  color:#000;
}


.layout-container-demo .el-menu {
  border-right: none;
}

.layout-container-demo .el-main {
  padding: 0;
}



</style>
